<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title>计算机与网络安全学院 - 实验室示范中心</title>

	<link rel="stylesheet" type="text/css" href="../../css/normalize.css">
	<link rel="stylesheet" type="text/css" href="../../css/jquery.tiles.min.css">
	<link rel="stylesheet" type="text/css" href="../../css/midNav.css">
	<link rel="stylesheet" type="text/css" href="../../css/photo.css">
	<!-- 共同的css -->

	<script src="../common/css.js"></script>
	<!-- 共同js的引入 -->

	<script src="../../js/jquery.min.js"></script>
	<link rel="shortcut icon" href="../../img/logo_32.ico">

</head>

<body>
	<!-- 引入共同header -->
	<div class="header">
		<script src="../common/header.js"></script>
	</div>

	<div class="slider-wrap">
		<div class="slider">
			<div class="tiles-description">
				<p><strong>校园风光</strong></p>
				<blockquote>
					<p>东莞理工学院是广东东莞的第一所普通本科院校，省市共建，以市为主，诺贝尔物理学奖获得者杨振宁博士任名誉校长。学校现有松山湖、莞城两个校区，共占地2210亩，建有16个实验教学中心。</p>
				</blockquote>
				<a target="_blank" class="slide__text-link" href="http://www.dgut.edu.cn/dgut/xyfg/show_list.shtml">校园风光</a>
			</div>
			<img src="../../img/Homepage/Slide/1.png">

			<div class="tiles-description">
				<p><strong>中心简介</strong></p>
				<blockquote>
					<p>中心自2005年建立以来，陆续完成了计算机应用实验教学中心、计算机组成原理实验室、微机原理与接口实验室、嵌入式系统实验室、计算机网络实验室等计算机实验教学环境的建设。</p>
				</blockquote>
				<a target="_blank" class="slide__text-link" href="../introduce/introduce.html">更多介绍</a>
			</div>
			<img src="../../img/Homepage/Slide/2.png">

			<div class="tiles-description">
				<p><strong>挑战杯赛</strong></p>
				<blockquote>
					<p>第十届“挑战杯”广东大学生课外学术科技作品竞赛终审决赛开幕式结束后，副省长雷于蓝在团省委书记谭君铁、省教育厅副厅长罗远芳等领导的陪同下到我校作品展区参观。</p>
				</blockquote>
				<a target="_blank" class="slide__text-link" href="../activity/01.html">查看详情</a>
			</div>
			<img src="../../img/Homepage/Slide/3.png">

			<div class="tiles-description">
				<p><strong>校际交流</strong></p>
				<blockquote>
					<p>校际交流与合作是争取国际合作项目、培养人才的良好途径。加强校际间交流，相互学习促提升，我校还和法国国立工艺学院有合作关系，共同培养高素质的人才。</p>
				</blockquote>
				<a target="_blank" class="slide__text-link" href="../openLab/chat.html">查看更多</a>
			</div>
			<img src="../../img/Homepage/Slide/4.png">

			<div class="tiles-description">
				<p><strong>信息平台</strong></p>
				<blockquote>
					<p>实验教学中心建立了专门的网络平台，提供实验教学中心相关信息的详细介绍,为教师和学生了解实验环境提供了平台。</p>
				</blockquote>
				<a target="_blank" class="slide__text-link" href="../manage/infor.html">查看更多</a>
			</div>
			<img src="../../img/Homepage/Slide/5.png">
		</div>
	</div>

	<hr class="featurette-divider" style="width: 1197px; margin: 40px auto;">

	<!-- 幻灯片图片轮播 -->
	<!-- /.图片轮播Ending -->

	<!-- 中间的中心动态导航 -->
	<div class="guide-slider" id="guideSlider">
		<ul class="guide-list">
			<li class="guide on">
				<div class="display">
					<div class="icon icon5 animated flipInY"></div>
					<div class="title">中心动态</div>
				</div>
				<div class="behind">
					<div class="function-list-wrap">
						<ul class="function-list">
							<li class="function">
								<a href="../activity/01.html">我院在“挑战杯”省赛中再创佳绩</a>
								<span class="time">2009-05-23</span>
							</li>
							<li class="function">
								<a href="../activity/02.html">关于做好2009年高等学校实验教学示范中心申报评审工作的通知</a>
								<span class="time">2009-05-08</span>
							</li>
							<li class="function">
								<a href="../activity/03.html">广东省高等学校实验教学示范中心评审指标体系 (试行)</a>
								<span class="time">2009-05-31</span>
							</li>
							<li class="function">
								<a href="../activity/04.html">计算机学院2009届毕业设计（论文）工作详细安排表</a>
								<span class="time">2008-12-01</span>
							</li>
							<li class="function">
								<a href="../activity/05.pdf">关于举办“信息安全防渗透与应急响应及数据恢复技术”高级培训班通知</a>
								<span class="time">2015-06-05</span>
							</li>
						</ul>
						<a class="infoMore" href="../introduce/activity.html">
							<span>More&nbsp;</span><img src="../../img/Homepage/ForwardButton.ico">
						</a>
					</div>
				</div>
			</li>
			<li class="guide">
				<div class="display" style="border-left: 1px solid #ddd;">
					<div class="icon icon2 animated flipInY"></div>
					<div class="title">中心公告</div>
				</div>
				<div class="behind">
					<div class="function-list-wrap">
						<ul class="function-list">
							<li class="function">
								<a href="../../download/announce/5_1.doc">09届计算机学院毕业(设计)论文(本/专科)验收及答辩时间地点安排一览表</a>
								<span class="time">2009-05-31</span>
							</li>
							<li class="function">
								<a href="../../download/announce/5_2.doc">计算机学院毕业设计（论文）外文翻译要求</a>
								<span class="time">2009-05-31</span>
							</li>
							<li class="function">
								<a href="../../download/announce/5_3.doc">计算机学院毕业设计（论文）文献综述撰写规范</a>
								<span class="time">2009-05-31</span>
							</li>
							<li class="function">
								<a href="../../download/announce/5_4.doc">东莞理工学院本科生毕业设计(论文)规范化要求</a>
								<span class="time">2009-05-31</span>
							</li>
							<li class="function">
								<a href="../../download/announce/5_5.doc">毕业设计要求（封面-摘要-目录）</a>
								<span class="time">2009-05-31</span>
							</li>
							<li class="function">
								<a href="../../download/announce/5_6.doc">毕业论文正文规范要求</a>
								<span class="time">2009-05-31</span>
							</li>
						</ul>
						<a class="infoMore" href="../introduce/announce.html" style="bottom: 10px;">
							<span>More&nbsp;</span><img src="../../img/Homepage/ForwardButton.ico">
						</a>
					</div>
				</div>
			</li>
			<li class="guide">
				<div class="display" style="border-left: 1px solid #ddd;">
					<div class="icon icon3 animated flipInY"></div>
					<div class="title">信息平台<br>导航</div>
				</div>
				<div class="behind">
					<div class="function-list-wrap">
						<ul class="function-list">
							<li class="function"><a target="_blank" onclick="return confirmer()" href="http://219.222.171.10/labplan/">计算机教学资源服务器</a></li>
							<li class="function"><a target="_blank" href="http://openlab.dgut.edu.cn/moodle/">仪器设备管理信息系统</a></li>
							<li class="function"><a target="_blank" href="http://219.222.171.10:8080/device">Moodle数字化教学平台</a></li>
							<li class="function"><a target="_blank" href="http://219.222.171.7:8080/project/">勤工助学管理系统</a></li>
							<li class="function"><a target="_blank" href="http://219.222.171.9/">实验课程安排系统</a></li>
							<li class="function"><a target="_blank" href="http://219.222.171.9/workstudy/">耗材管理系统</a></li>
						</ul>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<!-- 导航结束 -->

	<!-- 图片展示 -->
	<div class="showPhoto">
		<hr class="featurette-divider">
		<div class="Work photoTitle">

			<h3><a target="_blank" href="javascript:void(0)">&nbsp;作品展示&nbsp;</a></h3>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Works/1.jpg" alt="基于ARM9的实验平台">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">基于ARM9的实验平台</h3>
				</div>
			</div>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Works/2.jpg" alt="IBM证书">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">实验室监控管理系统硬件平台</h3>
				</div>
			</div>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Works/3.jpg" alt="基于ARM9的实验平台">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">"智能机器人小车"</h3>
				</div>
			</div>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Works/4.jpg" alt="IBM证书">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">“远程智能家居系统”</h3>
				</div>
			</div>
			<a target="_blank" href="../openlab/create.html" title="更多作品">
				<div class="photoMore">
					<h4>MORE</h4>
				</div>
			</a>
		</div>
	</div>

	<div class="showPhoto" style="margin-top: 360px;">
		<hr class="featurette-divider">
		<div class="Student photoTitle">
			<h3><a target="_blank" href="javascript:void(0)">&nbsp;学生培养&nbsp;</a></h3>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Student/1.jpg" alt="IBM证书">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">IBM证书</h3>
				</div>
			</div>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Student/2.jpg" alt="获奖学生">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">获奖学生</h3>
				</div>
			</div>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Student/3.jpg" alt="Linux技能挑战赛">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">Linux技能挑战赛</h3>
				</div>
			</div>
			<div class="he_slideAllDown">
				<img class="he_slideAllDown_img" src="../../img/Homepage/Student/4.jpg" alt="动画比赛荣誉证书">
				<div class="he_slideAllDown_caption">
					<h3 class="he_slideAllDown_caption_h">动画比赛荣誉证书</h3>
				</div>
			</div>
			<a target="_blank" href="student.html" title="更多信息">
				<div class="photoMore">
					<h4>MORE</h4>
				</div>
			</a>
		</div>
	</div>

	<!-- 图片展示结束 -->

	<!-- FOOTER的引入 -->
	<!-- <div id="footer"></div> -->
	<script src="../common/footer.js"></script>

	<!-- Placed at the end of the document so the pages load faster -->
	<script src="../../js/jquery.tiles.js"></script>
	<!-- <script src="../../js/html5.js"></script> -->
	<script src="../common/js.js"></script>

	<script type="text/javascript">
		var $guideSlider = $("#guideSlider").eq(0);

			$guideSlider.find(".guide-list .guide").hover(function () { //鼠标移过时增加on的class并且取消同级的div的"on"class

				$(this).addClass("on").siblings().removeClass("on");
			});

			function confirmer() {
				if (confirm("此链接是属于东莞理工学院校内网，外网是无法访问的！是否继续访问？")) {
					return true;
				} else {
					return false;
				}
			}
		</script>

		<script type="text/javascript">
			var $slider = $('.slider-wrap');
			var html = $slider.html();

		// Options

		// var defaults = {
		// 	thumbSize: 10,
		// 	onSlideshowEnd: function () {
		// 		$('.stop, .start').toggle()
		// 	}
		// };

		var effects = {
			'default': {
				x: 6,
				y: 4,
				random: true
			},
			simple: {
				x: 6,
				y: 4,
				effect: 'simple',
				random: true
			},
			left: {
				x: 1,
				y: 8,
				effect: 'left'
			},
			up: {
				x: 20,
				y: 1,
				effect: 'up',
				rewind: 60,
				backReverse: true
			},
			leftright: {
				x: 1,
				y: 8,
				effect: 'leftright'
			},
			updown: {
				x: 20,
				y: 1,
				effect: 'updown',
				cssSpeed: 500,
				backReverse: true
			},
			switchlr: {
				x: 20,
				y: 1,
				effect: 'switchlr',
				backReverse: true
			},
			switchud: {
				x: 1,
				y: 8,
				effect: 'switchud'
			},
			fliplr: {
				x: 20,
				y: 1,
				effect: 'fliplr',
				backReverse: true
			},
			flipud: {
				x: 20,
				y: 3,
				effect: 'flipud',
				reverse: true,
				rewind: 75
			},
			reduce: {
				x: 6,
				y: 4,
				effect: 'reduce'
			},
			360: {
				x: 1,
				y: 1,
				effect: '360',
				fade: true,
				cssSpeed: 600
			}
		};

		$('.slider').tilesSlider($.extend({},effects['flipud']));
	</script>

</body>

</html>